<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>fullPage全屏插件</title>
		<link href="//cdn.bootcss.com/fullPage.js/2.8.9/jquery.fullPage.css" rel="stylesheet">
		<style>
			.section1{
				background:url(img/fullPage/xiaoxin1.jpg);
				background-size:contain;
			}
			.section2{
				background:url(img/fullPage/xiaoxin2.jpg);
				background-size:contain;
				text-align: center;
			}
			.section3{
				background:url(img/fullPage/xiaoxin3.jpg);
				background-size:contain;
			}
		</style>
	</head>
	<body>
		<div id="dowebok">
			<div class="section section1">
			</div>
			<div class="section section2">
				<div class="slide"><img width="500px;" src="img/fullPage/xiaoxin4.jpg" alt="" /></div>
				<div class="slide"><img width="500px;" src="img/fullPage/xiaoxin5.jpg" alt="" /></div>
				<div class="slide"><img width="500px;" 	src="img/fullPage/xiaoxin6.jpg" alt="" /></div>
			</div>
			<div class="section section3"><h1>第三屏</h1></div>
		</div>
		<script src="../js/jquery-1.12.3.js"></script>
		<script src="//cdn.bootcss.com/fullPage.js/2.8.9/jquery.fullPage.js"></script>
		
		<script type="text/javascript">
			
			$(function(){  
			    $('#dowebok').fullpage();  
			}); 
		</script>
	</body>
</html>
